import React, {Component} from 'react'

import './index.css'
class AdNew  extends Component {

  render() {
   
    return (
        <div>
            <p class="container-title">新建广告</p>
           
            <div class="tnew-content">
             <p class="t-n-c-a">
              <span class="t-n-c-title">广告位</span>
              <select name="" id="">
                  <option value="">社区顶部广告位</option>
                  <option value="">...</option>
              </select>
             </p>

             <p class="t-n-c-ii">
              <span class="t-n-c-img">广告图片</span>
              <div class="img-container">
                  <div class="left">图片</div>
                  <div class="img-tip">
                    <p>150*200分辨率的图片</p>
                    <button>上传图片</button>
                  </div>
                </div>
             </p>

             <p class="t-n-c-l">
              <span class="t-n-c-link">广告链接</span>
              <span class="inner">
                  <input type="text" placeholder="请填写广告链接地址"/>
                  <span class="intro-msg">如要看链接的点击流量效果，请到第三方平台做链接的二次生成然后回填地址到这里</span>
              </span>
             </p>

             <p class="t-n-c-f">
              <span class="t-n-c-whether">是否开启</span>
              <span class="inner">
                <button class="btn btn-start">启用</button>
                <button class="btn btn-end">停用</button>
              </span>
             </p>
           </div>

           <div class="new-controller">
               <button class="btn finish">新建完成</button>
               <button class="btn quit">退出</button>
           </div>
        </div>
    )
  }
}

export default AdNew